/* WGA-Item structure:
 * 	<div class="WGA.Item">
 *		<div class="WGA-Item-Info">...</div>
 *		<div class="WGA-Item-Label">...</div>
 *		<div class="WGA-Item-Edit">...</div>
 *		<div class="WGA-Item-Value">...</div>
 *	</div>
 */

.WGA-Item{

	display: inline;

	&.WGA-Item-hover{
		background: rgba(135, 161, 212, .2);	/*#f4f4f4;*/
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;	
		border-radius: 4px;
		box-shadow: 0 0 2px gray;
	}

	.WGA-Item-Info, .WGA-Editor-Options, .WGA4-Editor-Options{
		display: none;
	}

	.WGA-Item-Value{
		display: inline;		
	}
	
	.WGA-Item-Label{
		border-radius: 5px;				
		border: dashed silver 2px;
		font-style: italic;
		padding: 0 35px;
		text-align: center;
		display: inline;
	}

	&.rtf, &.textblock, &.image{
		.WGA-Item-Label{
			display: block;
		}
	}
	&.rtf, &.image{
		.WGA-Item-Label{
			padding: 30px 5px;
		}
	}

	.WGA-Item-Edit {
		display: inline-block;
		padding:0;
		min-width: 16px;
		min-height: 16px;
		
		background: url(wga_file_url("images", "red-16.png")) 0 0 no-repeat;
		
		position: absolute;
		z-index: 100;
		font-size: 13px;
		line-height: 18px;
		font-weight: normal;
		font-style: normal;
		cursor: pointer;
		opacity: .75;
		filter: alpha(opacity = 75);
		
		border-bottom-right-radius: 4px;
		border-top-left-radius: 3px;
		
		box-shadow: -1px -1px 1px red;

		&:hover{
			opacity: 1;
			filter: alpha(opacity = 100);
			padding: 1px 5px 1px 3px;
			background-color: gray;
			color: white;
			border-bottom: solid red 1px;
			border-right: solid red 1px;
			box-shadow: 0px 0px 3px red;
		}

	}

}
